<!--
 * @Author: your name
 * @Date: 2019-12-02 10:15:00
 * @LastEditTime: 2020-09-25 11:04:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue3\demo\my-first-app\src\components\HelloWorld.vue
 -->
<template>
  <div>
    <div class="navbar navbar-inverse">
      <div>
        <button
          type="button"
          data-toggle="collapse"
          data-target=".navbar-collapse"
        >
          <span>Toggle navigation</span>
          <span></span>
          <span></span>
          <span></span>
        </button>
        <a href="/">FRCoreVue</a>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";

@Component
export default class HelloWorld extends Vue {
  @Prop()
  private msg!: string;
  private title: string = "title";
  report: string = "Master-Detail";
  url: string = "";
  show: boolean = false;
  Clicked() {
    if (this.report != null) {
      this.show = true;
      this.url = "http://localhost:5000/?staffId=F0F055E7-9979-49AF-A8C2-03CA06A2FED6";
    }
  }
}
</script>
<style src="./navmenu.css" />